<template>
  <div>
    <high-search :list="list" title="商品回收筛选查询" />
    <custom-table
      style="margin-top: 10px"
      resParam=""
      :column="column"
      title="商品回收列表"
      :tableConfig="tableConfig"
    >
      <template #customTools>
        <el-col :span="24">
          <el-button type="primary">修改基本信息</el-button>
          <el-button type="primary">修改商品详情</el-button>
        </el-col>
      </template>
      <template #actionColumn1>
        <el-button type="primary">点击</el-button>
      </template>
    </custom-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      form: {},
      column: [
        {
          prop: "code",
          label: "编号",
          width: "100",
        },
        {
          prop: "date",
          width: "200",
          label: "商品图片",
        },
        {
          prop: "name1",
          label: "商品名称",
          width: "200",
        },
        {
          prop: "name2",
          label: "价格/货号",
          width: "200",
        },
        {
          prop: "name3",
          label: "标签",
          width: "200",
        },
        {
          prop: "name4",
          label: "排序",
          width: "200",
        },
        {
          prop: "name5",
          label: "SKU库存",
          width: "200",
        },
        {
          prop: "name6",
          label: "商品名称",
          width: "200",
        },
        {
          prop: "name7",
          label: "销量",
          width: "200",
        },
        {
          prop: "name8",
          label: "审核状态",
          width: "200",
        },
      ],
      tableConfig: {
        total: 10,
        operation: [],
        useIndex: false,
        showRight: true,
        useMultiSelect: true,
        treeProps: { children: "children" },
        pageSize: 10,
        layout: "total,prev,pager,next,sizes,jumper",
        showPagination: true,
        data: [1],
        actionColumns: [
          {
            label: "操作",
            slotName: "actionColumn1",
            width: 120,
          },
        ],
      },
      list: [
        {
          label: "姓名",
          prop: "name",
          type: "input",
        },
        {
          label: "日期",
          prop: "date",
          type: "date",
        },
        {
          label: "单选",
          prop: "radio",
          type: "radio",
          radioList: [
            { key: "1", value: "是" },
            { key: "0", value: "否" },
          ],
        },
        {
          label: "下拉选择",
          prop: "select",
          type: "select",
          optionList: [
            { key: "1", value: "是" },
            { key: "0", value: "否" },
          ],
        },
      ],
    };
  },
};
</script>

<style></style>
